@import '../style/mixins/index';
@import '../style/theme/color';

.devui-dropdown-menu {
  width: 100%;
  display: block;
}

.devui-dropdown-item {
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 8px 12px;
  clear: both;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}

.devui-dropdown-menu {
  .devui-dropdown-item:not(.disabled) {
    &.selected {
      color: $devui-list-item-active-text;
      background-color: $devui-list-item-active-bg;
    }
  }
}

.devui-no-result-template,
.devui-is-searching-template {
  display: block;
  width: 100%;
  padding: 8px 12px;
  clear: both;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: $devui-disabled-bg;
  color: $devui-disabled-text;
  line-height: 14px;

  &:hover,
  &:active,
  &:hover:active {
    background-color: $devui-unavailable;
  }
}

/* 选项disabled */
.devui-dropdown-item.disabled,
.devui-dropdown-item.disabled:hover {
  cursor: not-allowed;
  color: $devui-disabled-text;
}

ul.devui-list-unstyled {
  margin: 0;
  overflow-y: auto;
}

.devui-dropdown-bg {
  background: $devui-list-item-hover-bg;
}

.devui-popup-tips {
  color: $devui-text-weak; // TODO: Color-Question
  padding: 4px 12px;
}
